body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

.kdtop { width:100%; height:35px; line-height:35px; border-top:3px solid #2664a1; border-bottom:1px solid #ddd; background:#fff;}
.kdtop p { font-size:14px; color:#666;}

/*头部*/
.header { width:100%; height:80px; padding:25px 0;}
.header .logo { float:left; width:295px; height:80px; overflow:hidden;}
.header .logo img { display:block; height:100%;}
.header .imgs { float:left; position:relative;}
.header .imgs::after { display:block; content:""; width:1px; height:50px; margin:auto; background:#e0e0e0; position:absolute; left:22px; top:0; bottom:0;}
.header .imgs img { display:block; float:left; width:220px; height:80px; margin-left:45px;}
.header .imgs p { float:left; line-height:30px; font-size:14px; color:#333; margin:12px 0 0 45px;}
.header .imgs p b { display:block; font-size:22px; color:#2664a1;}
.header .tel { float:right; color:#333; padding-left:60px; margin-top:15px; background:url(../images/kd_02.png) no-repeat left center;}
.header .tel span { display:block; line-height:25px; font-size:14px;}
.header .tel p { line-height:35px; font-weight:bold; font-size:28px;}

/*导航*/
.nav { width:100%; height:50px; background:#2664a1; position:relative; z-index:999999;}
.nav li { float:left; line-height:50px; position:relative;}
.nav li a { display:block; font-size:16px; color:#fff; padding:0 53.5px;}
.nav li p { display:none; width:100%; text-align:center; position:absolute; left:0; top:50px;}
.nav li:hover,.nav .on { background:#1a446d;}
.nav li:hover p { display:block;}
.nav li:hover p a,.nav .on p a { line-height:45px; font-size:14px; padding:0 10px; border-top:1px solid #1b4d7d; overflow:hidden; background:#1a446d; text-overflow:ellipsis; white-space:nowrap;}
.nav li:hover p a:hover,.nav .on p a:hover { background:#1b4d7d;}

/*banner*/
.banner { width:100%; margin:0 auto;}
.banner .swiper-slide { width:100%;}
.banner .swiper-slide a,.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px !important; border:2px solid #fff; border-radius:50%; filter:alpha(opacity=100); opacity:1; background:none; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { background:#fff;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:50px; height:50px; border-radius:50%;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:20px; color:#fff;} 
.banner .swiper-button-prev { left:10%;}
.banner .swiper-button-next { right:10%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#2664a1;}

/*二级banner*/
.banner_ej { width:100%; height:320px; margin:0 auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}

/*友情链接*/
.link { width:100%; line-height:25px; padding:20px 0; background:#2664a1;}
.link span { font-size:18px; color:#fff; text-transform:Uppercase; margin-right:25px;}
.link a { font-size:16px; color:#fff; margin-right:25px;}

/*脚部*/
.footer { width:100%; padding-top:50px; background:#333;}
.footer a { color:#999;}
.footer a:hover { color:#ddd;}
.footer h3 { line-height:40px; font-weight:500; font-size:18px; color:#fff;}
.footer h3 i { font-style:normal; font-size:14px; color:#666; text-transform:Uppercase; margin-left:10px; position:relative; top:2px;}
.footer h4 { line-height:40px; font-weight:500; font-size:16px; color:#fff;}
.footer .lxwm { float:left; width:465px;}
.footer .lxwm h4 { margin:60px 0 15px 0; position:relative;}
.footer .lxwm h4::after { display:block; content:""; width:30px; height:2px; background:#999; position:absolute; left:0; top:-20px;}
.footer .lxwm p { line-height:30px; font-size:14px; color:#999;}
.footer .kjdh { float:left; width:440px;}
.footer .kjdh li { float:left; width:145px;}
.footer .kjdh li h4 { margin:35px 0 10px 0;}
.footer .kjdh li a { display:block; line-height:35px; font-size:14px;}
.footer .imgs { float:right; width:145px;}
.footer .imgs img { display:block; width:105px; height:105px; margin-top:45px; border:2px solid #fff;}
.footer .imgs p { width:108px; line-height:30px; font-size:14px; color:#999; text-align:center; margin-top:5px;}
.footer .copy { line-height:30px; font-size:14px; color:#999; margin-top:30px; padding:15px 0; border-top:1px solid #3e3d45;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*在线客服*/
.online { width:180px; position:fixed; top:30%; right:-145px; z-index:999999999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.online .xinr { float:left; width:15px; font-size:16px; color:#fff; cursor:pointer; text-align:center; margin-top:150px; padding:40px 10px; border-radius:4px; background:#2664a1 url(../images/kd_12.png) no-repeat center 10px; position:relative;}
.online .xinr::after { display:block; content:""; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:10px; bottom:15px;}
.online .main { float:right; width:140px; padding-bottom:10px; background:#2664a1;}
.online .main p { font-size:14px; color:#fff; text-align:center;}
.online .main p b { display:block; line-height:30px; font-size:16px;}
.online .main .up { width:120px; height:65px; text-align:center; padding-top:55px; margin:-40px auto 0 auto; border:3px solid #2664a1; border-radius:50%; background:#fff url(../images/kd_13.png) no-repeat center 20px;}
.online .main .up h3 { line-height:25px; font-weight:500; font-size:18px; color:#333;}
.online .main .up p { font-size:12px; color:#999; text-transform:Uppercase;}
.online .main a { display:block; height:30px; line-height:30px; font-size:16px; color:#fff; padding-left:55px; margin:15px 0; background:url(../images/kd_14.png) no-repeat 25px center;}
.online .main .img { padding:15px; margin-bottom:15px; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2);}
.online .main .img img { display:block; width:100px; height:100px; border:5px solid rgba(255,255,255,0.2);}
.online .main .img p { line-height:25px; font-size:14px; color:#fff; margin-top:5px;}
.shown { right:0;}

/*公共标题*/
.tits { width:100%; padding:30px 0 40px 0; text-align:center;}
.tits p { line-height:30px; font-size:24px; color:#ccc; text-transform:Uppercase;}
.tits h3 { line-height:50px; font-weight:500; font-size:36px; color:#333; position:relative;}
.tits h3::before,.tits h3::after { display:block; content:""; margin:auto; position:absolute; left:0; right:0;}
.tits h3::before { width:115px; height:1px; background:#ddd; bottom:-10px;}
.tits h3::after { width:40px; height:5px; background:#2664a1; bottom:-12px;}

/*留言*/
.gbook { width:100%; padding:35px 0; border-bottom:1px solid #f8f8f8;}
.gbook input,.gbook img { display:block; float:left; height:40px; line-height:40px; margin-right:20px; border:1px solid #eee; border-radius:4px;}
.gbook input { width:150px; font-size:14px; color:#666; padding:0 15px; background:#eee;}
.gbook img { width:100px;}
.gbook input:nth-child(3) { width:270px;}
.gbook .btn { color:#fff; margin-right:0; background:#2664a1;}

/*案例*/
.case { width:100%; position:relative;}
.case::before { display:block; content:""; width:100%; height:210px; background:#f8f8f8; position:absolute; left:0; bottom:0; z-index:0;}
.case::after { display:block; content:""; width:100%; height:1px; background:#ddd; position:absolute; left:0; bottom:18px; z-index:1;}
.case li { float:left; width:285px; margin:20px 20px 0 0; position:relative; z-index:2;}
.case li:nth-child(4n) { margin-right:0;}
.case li a { display:block; width:100%;}
.case li .img { width:285px; height:200px; overflow:hidden;}
.case li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li .msg { padding:20px 30px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li .msg h3 { line-height:35px; font-size:18px; color:#333; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li .msg p { height:50px; line-height:25px; font-size:14px; color:#666; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li:hover .img img { transform:scale(1.1,1.1);}
.case li:hover .msg { background:#2664a1;}
.case li:hover .msg h3 { color:#fff;}
.case li:hover .msg p { color:#8fc0f1;}
.more { height:40px; text-align:center; margin-top:35px; position:relative; z-index:2;}
.more a { display:inline-block; width:150px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:0 10px; background:#2664a1; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.more a::after { display:none; content:""; width:80%; height:10px; margin:auto; border-radius:50%; background-image: radial-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.05),rgba(0,0,0,0)); position:absolute; left:0; right:0; bottom:-15px;}
.more a:hover { color:#fff; transform:translateY(-5px); background:#333;}
.more a:hover::after { display:block;}

/*关于我们*/
.about { width:100%; padding:50px 0; background:#f8f8f8;}
.about .lft { float:left; width:565px; margin-top:15px;}
.about .lft h3 { line-height:40px; font-size:30px; color:#2664a1;}
.about .lft h3 b { font-size:40px; color:#333; text-transform:Uppercase; margin-right:25px; position:relative; top:5px;}
.about .lft h4 { line-height:65px; font-weight:500; font-size:24px; color:#333; margin:15px 0 25px 0; position:relative;}
.about .lft h4::after { display:block; content:""; width:50px; height:4px; background:#2664a1; position:absolute; left:0; bottom:0;}
.about .lft .msg { width:100%; line-height:30px; font-size:14px; color:#333; margin-bottom:60px;}
.about .lft a { display:block; width:140px; height:45px; line-height:45px; font-size:16px; color:#2664a1; text-align:center; text-transform:Uppercase; border:1px solid #2664a1; border-radius:25px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft a:hover { color:#fff; background:#2664a1;}
.about .img { float:right; width:600px; height:400px; overflow:hidden;}
.about .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .img:hover img { transform:scale(1.1,1.1);}
.about .lst { margin:50px 0 30px 1px;}
.about .lst li { float:left; width:calc(100% / 3); margin-left:-1px; border:1px solid #ddd; box-sizing:border-box; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lst li a { display:block; padding:20px 105px;}
.about .lst li i { display:block; float:left; width:68px; height:76px; background-repeat:no-repeat; background-position:0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lst .ry i { background-image:url(../images/kd_03.png);}
.about .lst .hz i { background-image:url(../images/kd_04.png);}
.about .lst .lx i { background-image:url(../images/kd_05.png);}
.about .lst li h3 { float:left; line-height:25px; font-weight:500; font-size:16px; color:#333; margin:12px 0 0 15px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lst li h3 b { display:block; font-style:normal; font-weight:500; font-size:14px; color:#999; text-transform:Uppercase;}
.about .lst li:hover { background:#2664a1;}
.about .lst li:hover i { transform:rotateY(360deg);}
.about .lst .ry:hover i { background-image:url(../images/kd_03h.png);}
.about .lst .hz:hover i { background-image:url(../images/kd_04h.png);}
.about .lst .lx:hover i { background-image:url(../images/kd_05h.png);}
.about .lst li:hover h3 { color:#fff;}
.about .lst li:hover h3 b { color:#8fc0f1;}

/*广告*/
.advs { width:100%; height:140px; padding:30px 0; background:url(../images/kd_06.jpg) no-repeat center top;}
.advs .msg { float:left; width:865px; color:#fff;}
.advs .msg h3 { line-height:50px; font-size:30px;}
.advs .msg p { line-height:30px; font-size:16px; margin-bottom:25px;}
.advs .msg span { display:inline-block; height:35px; line-height:35px; font-size:16px; padding:0 15px; margin-right:35px; background:#ffaa3b; position:relative;}
.advs .msg span::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:35px 0 0 15px; border-color:transparent transparent transparent #ffaa3b; position:absolute; right:-15px; top:0;}
.advs .tel { float:right; width:230px; height:80px; text-align:center; padding:30px 35px; border:1px solid #fff;} 
.advs .tel span { display:inline-block; height:30px; line-height:30px; font-size:14px; color:#fff; padding:0 25px; border-radius:15px; background:#ffaa3b;}
.advs .tel h3 { line-height:40px; font-size:30px; color:#ffaa3b; margin-top:15px;}

/*理由*/
.reason { width:100%; height:935px; padding:30px 0; background:url(../images/kd_07.jpg) no-repeat center bottom;}
.reason .tits { margin-bottom:10px;}
.reason .tits h3 b { color:#2664a1;}
.reason .img { float:left; width:855px; height:525px; overflow:hidden;}
.reason .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.reason .img:hover img { transform:scale(1.1,1.1);}
.reason .list { float:right; width:345px; height:525px; background:#2664a1;}
.reason .list .swiper-slide { background:#2664a1;}
.reason .list .msg { padding:25px;}
.reason .list .msg b { display:block; line-height:60px; font-size:52px; color:#fff; margin-top:20px;}
.reason .list .msg h3 { line-height:80px; font-size:22px; color:#fff; margin-bottom:30px; position:relative;}
.reason .list .msg h3::after { display:block; content:""; width:25px; height:3px; background:#fff; position:absolute; left:0; bottom:0;}
.reason .list .msg p { line-height:30px; font-size:14px; color:#8fc0f1;}
.reason .tabs { width:100%; margin-top:70px;}
.reason .tabs li { float:left; width:25%; text-align:center;}
.reason .tabs li i { display:block; width:110px; height:110px; margin:0 auto; border-radius:50%; background-color:#333; background-repeat:no-repeat; background-position:center; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.reason .tabs li i::after { display:block; content:""; width:90px; height:90px; margin:auto; border:1px dashed #fff; border-radius:50%; position:absolute; top:0; right:0; bottom:0; left:0;}
.reason .tabs .tb1 i { background-image:url(../images/kd_08.png);}
.reason .tabs .tb2 i { background-image:url(../images/kd_09.png);}
.reason .tabs .tb3 i { background-image:url(../images/kd_10.png);}
.reason .tabs .tb4 i { background-image:url(../images/kd_11.png);}
.reason .tabs li p { line-height:50px; font-size:16px; color:#333;}
.reason .tabs .on i { background-color:#2664a1; transform:rotateY(360deg);}
.reason .tabs .on p { color:#2664a1;}

/*资讯*/
.news { width:100%; padding:30px 0;}
.news .name { width:100%; height:50px; line-height:50px; margin-bottom:20px; border-bottom:2px solid #eee;}
.news .name h3 { float:left; font-size:20px; color:#333; padding-left:15px; position:relative;}
.news .name h3::after { display:block; content:""; width:4px; height:30px; background:#2664a1; position:absolute; left:0; top:12px;}
.news .name a { float:right; font-size:14px; color:#666;}
.news .name a:hover { color:#2664a1;}
.news .comnews { width:575px;}
.news .nr { padding-bottom:15px; border:1px solid #ddd;}
.news .nr .top { width:100%;}
.news .nr .top a { display:block; width:100%;}
.news .nr .top .img { width:573px; height:320px; overflow:hidden;}
.news .nr .top .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .nr .top .msg { padding:20px 0; margin:0 25px 15px 25px; border-bottom:1px solid #eee;}
.news .nr .top .msg h3 { float:left; width:80%; height:30px; line-height:30px; font-size:16px; color:#2664a1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .nr .top .msg h3 i { display:inline-block; font-style:normal; height:25px; line-height:25px; font-weight:500; font-size:14px; color:#fff; margin-right:15px; padding:0 20px; border-radius:4px; background:#2664a1;}
.news .nr .top .msg span { display:block; float:right; line-height:30px; font-size:14px; color:#999;}
.news .nr .top .msg p { line-height:25px; font-size:14px; color:#666; margin-top:10px;}
.news .nr .top:hover .img img { transform:scale(1.1,1.1);}
.news .nr li { line-height:35px; margin:0 25px; padding-left:20px; position:relative;}
.news .nr li::after { display:block; content:""; width:10px; height:10px; border-radius:2px; background:#2664a1; position:absolute; left:0; top:13px;}
.news .nr li a { float:left; width:80%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .nr li span { float:right; font-size:14px; color:#999;}
.news .nr li:hover a { color:#2664a1;}
.news .hynew { width:100%;}
.news .hynew li { height:135px; margin-bottom:20px; border:1px solid #ddd; position:relative;}
.news .hynew li::after { display:block; content:"+"; width:0; height:0; line-height:55px; font-size:16px; color:#fff; text-indent:-18px; border-style:solid; border-width:0 0 40px 40px; border-color:transparent transparent #2664a1 transparent; position:absolute; right:0; bottom:0; z-index:0;}
.news .hynew li a { display:block; width:100%; position:relative; z-index:1;}
.news .hynew li .img { float:left; width:240px; height:135px; overflow:hidden;}
.news .hynew li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .hynew li .msg { float:right; width:300px; padding:20px 15px;}
.news .hynew li .msg h3 { float:left; width:65%; line-height:35px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .hynew li .msg span { display:block; float:right; line-height:35px; font-size:14px; color:#999;}
.news .hynew li .msg p { line-height:25px; font-size:14px; color:#666; margin-top:10px;}
.news .hynew li:hover .img img { transform:scale(1.1,1.1);}
.news .hynew li:hover .msg h3 { color:#2664a1;}
.news .bknew { width:100%;}
.news .bknew li { height:50px; line-height:50px; margin-bottom:10px; border:1px solid #ddd;}
.news .bknew li i { display:block; float:left; width:50px; font-style:normal; font-size:24px; color:#fff; text-align:center; background:#ddd; -webkit-transition:all .5s ease; transition:all .5s ease}
.news .bknew li a { display:block; float:left; width:65%; font-size:14px; color:#333; margin:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .bknew li span { display:block; float:right; font-size:14px; color:#999; margin-right:15px;}
.news .bknew li:hover i { background:#2664a1;}
.news .bknew li:hover a { color:#2664a1;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.bgs { background:url(../images/kd_23.png) no-repeat center bottom;}
.content { width:1200px; margin:0 auto; padding:40px 0; position:relative; z-index:2;}
.comtop { width:100%; background:#f8f8f8 url(../images/kd_23.png) no-repeat center bottom;}
.comtop .posit { padding:10px 0; border-bottom:1px solid #e8e8e8;}
.comtop .posit p { line-height:30px; font-size:14px; color:#999;}
.comtop .posit p a { color:#999;}
.comtop .posit p a:hover { color:#2664a1;}
.comtop .posit .fl { padding-left:25px; background:url(../images/kd_15.png) no-repeat left center;}
.comtop .posit .fr { padding-right:25px; background:url(../images/kd_16.png) no-repeat right 2px;}
.comtop .catnav { padding:20px 0;}
.comtop .catnav h3 { float:left; line-height:35px; font-weight:500; font-size:24px; color:#000; padding:0 40px; background:url(../images/kd_17.png) no-repeat left center;}
.comtop .catnav li { float:left; height:30px; line-height:30px; margin:2.5px 0 0 20px; border:1px solid #eee; border-radius:2px; overflow:hidden; background:#fff; position:relative;}
.comtop .catnav li::after { display:block; content:""; width:6px; height:6px; border:1px solid #bbb; border-radius:50%; position:absolute; left:15px; top:12px;}
.comtop .catnav li a { display:block; font-size:14px; color:#666; padding:0 15px 0 30px;}
.comtop .catnav li:hover,.comtop .catnav .on { border-color:#2664a1; background:#2664a1;}
.comtop .catnav li:hover::after,.comtop .catnav .on::after { border-color:#fff;}
.comtop .catnav li:hover a,.comtop .catnav .on a { color:#fff;}
.gexian { width:100%; height:10px; margin:55px 0 15px 0; background:url(../images/kd_18.png) repeat-x 0 0;}

/*详情页公用*/
.lh { line-height:35px; font-size:16px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.lh ul,.lh ol { padding:revert; padding-left:25px;}
.shows { width:100%;}
.show_h3 { width:100%; text-align:center; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #f4f4f4;}
.show_h3 h3 { line-height:35px; font-weight:500; font-size:24px; color:#333;}
.show_h3 p { line-height:30px; font-size:14px; color:#bbb; margin-top:5px;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#2664a1;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#2664a1; text-decoration:underline;}

/*分页*/
.scott { overflow:hidden; text-align:center; padding:15px 0; background:rgba(255,255,255,0.85);}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #ddd; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,.scott span { display:block; padding:0 15px; font-size:16px; color:#666; cursor:pointer;}
.scott li:hover a,.scott li:hover span { color:#2664a1;}
.scott .active { border-color:#2664a1; background:#2664a1;}
.scott .active:hover span,.scott .active span { color:#fff;}

/*简介底部*/
.boxes { width:100%;}
.boxes li { float:left; width:calc(100% / 3 - 40px); text-align:center; padding:0 20px;}
.boxes li i { display:block; width:60px; height:60px; margin:40px auto 20px auto; background-repeat:no-repeat; background-position:0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.boxes .bx1 i { background-image:url(../images/kd_20.png);}
.boxes .bx2 i { background-image:url(../images/kd_21.png);}
.boxes .bx3 i { background-image:url(../images/kd_22.png);}
.boxes li h3 { line-height:25px; font-size:20px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.boxes li span { display:block; line-height:25px; font-size:14px; color:#bbb; margin-bottom:40px; position:relative;}
.boxes li span::after { display:block; content:""; width:40px; height:1px; margin:auto; background:#ddd; position:absolute; left:0; right:0; bottom:-20px;}
.boxes li p { line-height:25px; font-size:14px; color:#666;}
.boxes li a { display:inline-block; height:30px; line-height:30px; font-size:14px; color:#666; padding:0 25px; margin-top:15px; border:1px solid #ddd; border-radius:20px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.boxes li:hover i { transform:rotateY(360deg);}
.boxes li:hover h3 { color:#2664a1;}
.boxes li:hover a { color:#fff; border-color:#2664a1; background:#2664a1;}
.boxes .bx1:hover i { background-image:url(../images/kd_20h.png);}
.boxes .bx2:hover i { background-image:url(../images/kd_21h.png);}
.boxes .bx3:hover i { background-image:url(../images/kd_22h.png);}

/*资质*/
.honnor { width:100%;}
.honnor li { float:left; width:285px; text-align:center; margin:20px 20px 0 0;}
.honnor li:nth-child(4n) { margin-right:0;}
.honnor li a { display:block; width:100%;}
.honnor li .img { display:table-cell; width:283px; height:198px; vertical-align:middle; border:1px solid #ddd; border-radius:4px; overflow:hidden; position:relative;}
.honnor li .img::before,.honnor li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honnor li .img::before { width:0%; height:100%; background:rgba(38,100,161,0.2); top:0; z-index:0;}
.honnor li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/kd_19.png) no-repeat 0 0; top:-100px; z-index:1;}
.honnor li .img img { display:inline-block; max-width:90%; height:90%;}
.honnor li p { line-height:30px; font-size:16px; color:#333; margin-top:15px;}
.honnor li:hover .img::before { width:100%;}
.honnor li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.honnor li:hover p { color:#2664a1;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { margin-bottom:20px; padding:20px; border:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:240px; height:135px; border-radius:2px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:calc(100% - 265px);}
.newlist li .msg h3 { line-height:35px; font-weight:500; font-size:18px; color:#000; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { height:50px; line-height:25px; font-size:14px; color:#888; margin:5px 0 15px 0; overflow:hidden;}
.newlist li .msg span { display:inline-block; line-height:30px; font-size:14px; color:#bbb; padding-left:25px; background:url(../images/kd_24.png) no-repeat left 6px;}
.newlist li:hover { box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover h3 { color:#2664a1;}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:380px; text-align:center; margin:0 30px 30px 0;}
.piclist li:nth-child(3n) { margin-right:0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:368px; height:258px; padding:5px; border:1px solid #e6e6e6; border-radius:4px; overflow:hidden; position:relative;}
.piclist li .img::before,.piclist li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .img::before { width:0%; height:100%; background:rgba(38,100,161,0.6); top:0; z-index:0;}
.piclist li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/kd_19.png) no-repeat 0 0; top:-100px; z-index:1;}
.piclist li .img img { display:block; width:100%;}
.piclist li h3 { line-height:30px; font-weight:500; font-size:18px; color:#000; margin:15px 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li p { height:45px; line-height:22px; font-size:12px; color:#999;}
.piclist li:hover .img::before { width:100%;}
.piclist li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.piclist li:hover h3 { color:#2664a1;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:368px; margin:0 30px 30px 0; padding:5px; border:1px solid #e6e6e6; border-radius:4px;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:368px; height:258px; overflow:hidden; position:relative;}
.prolist li .img::before,.prolist li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .img::before { width:0%; height:100%; background:rgba(38,100,161,0.6); top:0; z-index:0;}
.prolist li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/kd_19.png) no-repeat 0 0; top:-100px; z-index:1;}
.prolist li .img img { display:block; width:100%;}
.prolist li .msg { padding:0 5px;}
.prolist li .msg h3 { line-height:45px; font-weight:500; font-size:18px; color:#000; margin-bottom:5px; border-bottom:1px solid #e6e6e6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg p { line-height:25px; font-size:12px; color:#999; text-transform:Uppercase; background:url(../images/kd_25.png) no-repeat right center;}
.prolist li:hover .img::before { width:100%;}
.prolist li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.prolist li:hover .msg h3 { color:#2664a1;}

/*招聘*/
.jobs { width:100%;}
.jobs li { width:100%; margin-bottom:15px;}
.jobs li .top { padding:15px 20px; background:#f3f5f8; position:relative;}
.jobs li .top::before,.jobs li .top::after { display:block; content:""; margin:auto; background:#9c9c9c; position:absolute; top:0; bottom:0;}
.jobs li .top::before { width:30px; height:1px; right:20px;}
.jobs li .top::after { width:1px; height:30px; right:35px;}
.jobs li .top h3 { line-height:30px; font-size:16px; color:#666;}
.jobs li .top p { line-height:22px; font-size:12px; color:#9fa1a6;}
.jobs li .top p span { margin-right:20px;}
.jobs li .top p span:last-child::after { display:none;}
.jobs li .msg { display:none; padding:1px 15px 10px 15px; background:#f3f5f8;}
.jobs li .msg h3 { line-height:30px; font-weight:500; font-size:14px; color:#333; margin-top:10px;}
.jobs li .msg .intro { color:#808080; padding-left:6px;}
.jobs .on .top { background:#2664a1;}
.jobs .on .top::before { background:#fff;}
.jobs .on .top::after { display:none;}
.jobs .on .top h3 { color:#fff;}
.jobs .on .top p { color:rgba(255,255,255,0.85);}
.jobs .on .msg { display:block;}